<template>
  <div >
    <div class="shezhi" style="background-image: url(./img/beijing_01.jpg);">
        <div class="shezhi1">
            <slot></slot>
        </div>
        <div class="shezhi2">
                <van-cell title="账号" class="shezhi-0"/>

                <van-cell title="社区ID" value="76441209" is-link/>
                <van-cell title="登录QQ号" value="771738491" is-link/>
                <van-cell title="绑定手机号" value="123123534233342" is-link/>

                <van-cell title="分享" class="shezhi-0"/> 

                <van-cell title="社区二维码" value="123123534233342" is-link/>

                <van-cell title="消息" class="shezhi-0"/> 

                <van-cell title="陌生人消息盒" is-link/>
                <van-cell title="消息设置" is-link/>
                <van-cell title="短信推送管理" is-link/>
                <van-cell title="通知栏消息管理" is-link/>

                <van-cell title="管理" class="shezhi-0"/>

                <van-cell center title="非WiFi下自动加载聊天图片">
                    <template #right-icon>
                    <van-switch v-model="checked" size="24" />
                    </template>
                </van-cell>
                <van-cell title="意见反馈" is-link/>
                <van-cell title="清除缓存" value="51.84M" is-link/>
                <van-cell title="版本更新" value="当前版本3.7.1.8" is-link/>

                <van-cell title="其他" class="shezhi-0"/>

                <van-cell title="隐私设置" is-link/>
                <van-cell title="游戏信息授权" is-link/>
                <van-cell title="个人信息管理" is-link/>
                <van-cell title="用户服务协议" is-link/>
                <van-cell title="隐私保护指引" is-link/>
                <van-cell title="第三方信息共享清单" is-link/>
                <van-cell title="儿童隐私保护声明" is-link/>
                <van-cell title="软件许可及服务指引" is-link/>
                <van-cell title="关于我们" is-link/>

                <van-cell title="注销" class="shezhi-0"/>

                <van-cell title="注销账号" is-link/>
                <van-button type="warning" round size="large">退出登录</van-button>
        </div>
    </div>
  </div>
</template>

<script>
export default {
    data() {
    return {
      checked: true,
    };
  },
 
};
</script>

<style scoped>
.shezhi{
    
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
.shezhi1{
    width: 100%;
}
.shezhi2{
    overflow: auto;
    width: 100%;
    height: 100%;
}
.van-nav-bar{
    background-color: transparent;
}
.shezhi-0{
    background-color: #F9F8F6;
}
</style>